/**
 * Created by JetBrains PhpStorm.
 * User: Xnfy520@gmail.com
 * Date: 12-3-9
 * Time: 下午10:44
 */
/*********通用标签样式***********/

body{
    font-size: 15px;
    margin:0;
    padding:0;
}

input{
    border:1px solid #ccc;
    background:white;
}

textarea{
    font-size:15px;
}

ul,li{
    margin-left:0;
    padding-left:0;
    list-style:none;
}

a{
    text-decoration:none;
}

/**********************************/

/*********通用消息样式***********/
#message{
    text-align: center;
    vertical-align: bottom;
    padding:20px 30px;
    width:500px;
    background:white;
    margin:220px auto;
}

#message span.error, #message span.success{
    color:black;
    background:yellow;
    font-size:20px;
    margin:10px 0;
}

#message span.success{
    background:#ccc;
}
/**********************************/

/*********通用布局样式***********/

#body{
    width:960px;
    margin:0 auto;

}

#header,#content,#footer{
    margin:3px auto;
    background:#EFF3F6;
    border:3px solid #C8E6FF;
}

/**********************************/

/*********头部样式***********/

#header{
    height:100px;
    width:948px;
    margin: 3px auto;
    position:relative;
   z-index: 30;
}

#nav{
    height:40px;
    width:940px;
    background:#2784D9;
    margin:40px auto;
}

#nav .navs{
    height:30px;
    width:150px;
    border:1px solid white;
    margin:4px;
    float: left;
    color:white;
    font-size: 16px;
    text-align: center;
    line-height:30px;
    font-weight:bold;
}

#nav .navs a{
    display:block;
    color:white;
}

#nav .navs a:hover{
    color:black;
    background:white;
}

#nav .navs ul{
    display:none;
    width:148px;
    border:1px solid white;
}

#nav .navs ul li{
    font-size:14px;
    border:1px solid white;
    background:#2784D9;
}
/**********************************/

 #content #category-one,#content #category-two,#content #category-three,#content #category-four{
    float: left;
    width:380px;
    height:250px;
    margin:3px;
}


#content #category-one ul,#content #category-two ul,#content #category-three ul,#content #category-four ul{
    margin:0px;
}

#content #category-one ul li,#content #category-two ul li,#content #category-three ul li,#content #category-four ul li{
     width:100px;
     height:40px;
     float: left;
     background:gray;
     line-height: 40px;
     margin:0 5px 0 0;
     text-align: center;
     font-weight:bold;
    color:white;
 }

#content #category-one ul .lishow,#content #category-two ul .lishow,#content #category-three ul .lishow,#content #category-four ul .lishow{
   background:#dcdcdc;
   color:black;
}

#content #category-one div,#content #category-two div,#content #category-three div,#content #category-four div{
    clear:both;
    background: #dcdcdc;
    height:210px;
    display:none;
}

#content #category-one .divshow,#content #category-two .divshow,#content #category-three .divshow,#content #category-four .divshow{
    display:block;
}

#content #pic{
    float: left;
    width:766px;
    height:120px;
    background:green;
    margin:3px;
}

#content #user{
    float: right;
    width:170px;
    height:735px;
    background:green;
    margin:3px;
}

#user .title,#pic .title,#link .title{
    height:25px;
    background: #a9a9a9;
    line-height: 25px;
    text-indent:10px;
    font-weight:bold;
}

#user .title{
    text-align: center;
    text-indent:0px;
}

#content #link{
    float: left;
    width:766px;
    height:97px;
    background:green;
    margin:3px;
}

/*********主内容区样式***********/

#content{
    margin:3px auto;
    height:740px;
    width:948px;
   z-index: -1;
}

/**********************************/

/*********脚部相关样式***********/

#footer{
    height:40px;
    clear:both;
    width:948px;
    margin:3px auto;
}

/**********************************/


